<template>
  <div class="m-nav">
    <ul class="nav">
      <li class="list">
        <nuxt-link to="/my">我的美团</nuxt-link>
        <dl>
          <dd>
            <nuxt-link to="/my">我的美1</nuxt-link>
          </dd>
          <dd>
            <nuxt-link to="/my">我的美2</nuxt-link>
          </dd>
          <dd>
            <nuxt-link to="/my">我的美3</nuxt-link>
          </dd>
          <dd>
            <nuxt-link to="/my">我的美4</nuxt-link>
          </dd>
        </dl>
      </li>
      <li>
        <nuxt-link to="/app">手机app</nuxt-link>
      </li>
      <li class="list bd">
        <nuxt-link to="/center">商家中心</nuxt-link>
        <dl>
          <dd>
            <nuxt-link to="/my">我的美1</nuxt-link>
          </dd>
          <dd>
            <nuxt-link to="/my">我的美2</nuxt-link>
          </dd>
          <dd>
            <nuxt-link to="/my">我的美3</nuxt-link>
          </dd>
          <dd>
            <nuxt-link to="/my">我的美4</nuxt-link>
          </dd>
        </dl>
      </li>
      <li class="list site">
        <nuxt-link to="/net">网站导航</nuxt-link>
        <div class="subContainer">
          <dl class="hotel">
            <dt>酒店路由</dt>
            <dd>酒店路由</dd>
            <dd>酒店路由</dd>
            <dd>酒店路由</dd>
            <dd>酒店路由</dd>
            <dd>酒店路由</dd>
            <dd>酒店路由</dd>
            <dd>酒店路由</dd>
          </dl>
          <dl class="food">
            <dt>酒店路由</dt>
            <dd>酒店路由</dd>
            <dd>酒店路由</dd>
            <dd>酒店路由</dd>
            <dd>酒店路由</dd>
            <dd>酒店路由</dd>
            <dd>酒店路由</dd>
            <dd>酒店路由</dd>
          </dl>
          <dl class="movie">
            <dt>酒店路由</dt>
            <dd>酒店路由</dd>
            <dd>酒店路由</dd>
            <dd>酒店路由</dd>
            <dd>酒店路由</dd>
            <dd>酒店路由</dd>
            <dd>酒店路由</dd>
            <dd>酒店路由</dd>
          </dl>
          <dl class="app">
            <dt>酒店路由</dt>
            <dd>
              <a href="">
                <img
                  class="appicon"
                  src="//s0.meituan.net/bs/fe-web-meituan/e5eeaef/img/appicons/meituan.png"
                  title="美团app"
                  alt="美团app">
              </a>
            </dd>
            <dd>
              <a href="">
                <img
                  class="appicon"
                  src="//s0.meituan.net/bs/fe-web-meituan/e5eeaef/img/appicons/meituan.png"
                  title="美团app"
                  alt="美团app">
              </a>
            </dd>
            <dd>
              <a href="">
                <img
                  class="appicon"
                  src="//s0.meituan.net/bs/fe-web-meituan/e5eeaef/img/appicons/meituan.png"
                  title="美团app"
                  alt="美团app">
              </a>
            </dd>
            <dd>
              <a href="">
                <img
                  class="appicon"
                  src="//s0.meituan.net/bs/fe-web-meituan/e5eeaef/img/appicons/meituan.png"
                  title="美团app"
                  alt="美团app">
              </a>
            </dd>
            <dd>
              <a href="">
                <img
                  class="appicon"
                  src="//s0.meituan.net/bs/fe-web-meituan/e5eeaef/img/appicons/meituan.png"
                  title="美团app"
                  alt="美团app">
              </a>
            </dd>
          </dl>
        </div>
      </li>
    </ul>
  </div>
</template>
